<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>detail page</title>
    <link rel="stylesheet" href="/static/css/editormd.css"/>
    <link rel="stylesheet" href="/static/css/my_detail.css"/>
    <link href="/static/css/element.css" rel="stylesheet">
    <link href="/static/css/base.css" rel="stylesheet">
    <link rel="icon" href="\static\images\mini_icon.png" sizes="20x20">
    <style>
        html,body {
            margin: 0;
            height: 100%;
        }
    </style>
</head>
<body style=" text-align:center">
<div id="app1" style="width: 70%; margin-left:auto;">
    <el-container style="height: 100%; min-width: 1000px; min-height: 600px; margin:-left:auto;">
        <el-header style="height: 50px; vertical-align: middle;">
            <el-page-header v-if="show_header==true" content="新增博文" style="height: 100%; vertical-align: middle; line-height: 50px;" @back="return_ref()">
            </el-page-header>

            <div v-if="show_header==false" content="Candy Mini Blog" style="height: 100%; vertical-align: middle; line-height: 50px; text-align:left;">
            {{ username }} Mini Blog
            </div>
        </el-header>
<!--        <br>-->
        <el-container style="height: 10%;">
            <el-aside width="1px" style="height: 100%;">

            </el-aside>
            <el-container style="height: 100%;">

<!--                <el-header>标题等信息</el-header>-->
<!--                <h3 style="height: 3%; margin: 0; text-align: center;">标题</h3>-->
                <div style="height: 15%; margin-top:2px;">

                    <div style="text-align: center">
                    <el-input
                            placeholder="请填写标题"
                            v-model="article_title"
                            clearable style="width: 300px">
                        <hr>
                    </el-input>
                    <br>
                    <br>
                    <el-select v-model="cate_value" placeholder="请选择类型">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                      </el-select>

                </div>
                </div>
<!--                    主要内容-->
                    <div id="test-editor">
                        <textarea style="display:none;">## md在线编辑</textarea>
                        <textarea class="upload-textarea" name="text" id="content_area"></textarea>
                    </div>
                    <div style="text-align: center">
                        <el-button type="success" round @click="update()" style="text-align: right;" id="btn">写好啦</el-button>
                    </div>
<!--                </el-main>-->
                <el-footer style="height: 1%;"></el-footer>
            </el-container>
            <el-aside width="1px">
<!--                <el-container>-->
<!--                    <el-header>-->
<!--                        相关推荐-->
<!--                        <el-button type="info" icon="el-icon-refresh" circle :size="10" @click="show()"></el-button>-->
<!--                    </el-header>-->
<!--&lt;!&ndash;                    <el-main>推荐列表</el-main>&ndash;&gt;-->
<!--                    <el-main style="background-color:#C0C4CC">-->
<!--                        <el-card class="box-card" style="width: 110%; margin-left: -15px;">-->
<!--                            <div v-for="o in a" :key="o" class="text item" @click="add(o.aid)" style="height: 40px; line-height: 40px; text-align: left; margin-bottom: 3px;">-->
<!--                                {{ o.title }}-->
<!--                            </div>-->

<!--                        </el-card>-->
<!--                    </el-main>-->

<!--                </el-container>-->
            </el-aside>
        </el-container>
        <hr>
        <el-footer>Footer</el-footer>
    </el-container>
</div>
<script src="/static/js/jquery.js"></script>
<script src="/static/js/vue.js"></script>
<!-- 引入组件库 -->
<script src="/static/js/element.js"></script>
<script src="/static/js/editormd.js"></script>
<script src="/static/lib/marked.min.js"></script>
<script src="/static/lib/prettify.min.js"></script>
<script src="/static/lib/raphael.min.js"></script>
<script src="/static/lib/underscore.min.js"></script>
<script src="/static/lib/sequence-diagram.min.js"></script>
<script src="/static/lib/flowchart.min.js"></script>
<script src="/static/lib/jquery.flowchart.min.js"></script>
<!--<script src="/static/js/my_detail.js"></script>-->
<script src="/static/js/new_editor.js"></script>
<script src="/static/js/head_check.js"></script>
<script type="text/javascript">
    $(function() {
        var editor = editormd("test-editor", {
            placeholder: "md在线编辑",
            htmlDecode: "style,script,iframe",
            width  : "90%",
            height : 700,
            syncScrolling: "single",
            emoji: true,
            saveHTMLToTextarea: true,
            tex: true,
            flowChart: true,
            imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
            imageUploadURL: "/article/upload_file",
            imageUpload : true,
            path   : "/static/lib/"
        });
    });
</script>
<!--<script src="/static/js/dongtai.js"></script>-->
</body>
</html>